<template>
  <div class="head">
    <div class="headl">
      <van-image
        :src="require('../../../public/images/index/ceyice.png')"
        width="24"
        height="23"
      />
      <span>测一测</span>
    </div>
    <span class="dingzhi">定制</span>
  </div>
</template>

<script>
import { Toast } from "vant";
export default {
  setup() {
    const onClickLeft = () => Toast("返回");
    return {
      onClickLeft,
    };
  },
};
</script>

<style lang="less" scoped>
.head {
  background: white;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  padding: 0 14px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #f1f1f1;
  .headl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 78px;
  }
  span {
    font-size: 16px;
    font-weight: 600;
  }
  .dingzhi {
    margin-right: 160px;
  }
}
</style>
